<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2023-06-20 09:09:43
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2023-06-20 09:14:24
 * @FilePath: \honglian-video-phone-center\src\components\Common\NoDate.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2023-03-22 16:28:12
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2023-05-18 10:53:40
 * @FilePath: \questionnaire-system-admin\src\components\Common\InputModule.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="noDate">
        <el-image :src="isActive ? inNoDateImg : noDateImg" fit="cover" style="width: 62px; height: 57px"></el-image>
        <div class="title" :class="isActive?'active':''">{{ props.title }}</div>
    </div>
</template>
<script setup lang="ts">
import { ref, computed, toRefs } from 'vue'
import { PiniaStore } from '../../store'
import noDateImg from '../../assets/images/ikon_kongti.png'
import inNoDateImg from '../../assets/images/ikon_kongti_danqian.png'
const store = PiniaStore()
interface PropsType {
    title?: string
    isActive?: boolean
}
const props = withDefaults(defineProps<PropsType>(), {
    title: '',
    isActive: false
})
interface EmitType {
    (e: 'cancel'): void
    (e: 'confirm'): void
}
const emit = defineEmits<EmitType>()
</script>
<style lang="scss" scoped>
.noDate {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 20px 0;

    .title {
        font-size: 14px;
        color: #666666;
        margin: 20px 0;
    }
    .title.active{
        color: #4095FF;
    }
}
</style>
  